<style>
.pure_form_extra { background: #fff; padding: 10px; border: 1px solid #aaa; border-radius: 8px; font-size: 12px; }
.pure_form_extra * { font-size: 12px !important; }
</style>

<div class="pure-form pure-form-aligned pure_form_extra" style="padding: 10px; width: 480px;">
  <legend>个人信息</legend>

  <div class="pure-control-group">
    <label>账号</label>
    <input id="name" type="text" class="pure-input-1-2" placeholder="{Account}" readonly="true" value="<?php echo $user->account; ?>" />
  </div>
  
  <div class="pure-control-group">
    <label>姓名</label>
    <input id="last_name" type="text" placeholder="{Family Name}" value="<?php echo $user->last_name; ?>" />
    <input id="first_name" type="text" placeholder="{First Name}" value="<?php echo $user->first_name; ?>" />
  </div>
  
  <div class="pure-control-group">
    <label>电话</label>
    <input id="phone" type="text" class="pure-input-1-2" placeholder="{Phone}" value="<?php echo $user->phone; ?>" />
  </div>
  
  <div class="pure-control-group">
    <label>&nbsp;</label>
    <button class="pure-button pure-input-1-2 pure-button-primary" onclick="submit_obj();">Save</button>
  </div>
</div>

<script type="text/javascript">
  /*<![CDATA[*/
  var __requrl = '<?php echo Utils::get_requrl($app_data); ?>';
  
  
  function submit_obj() {
    var req = {
      first_name: $('#first_name').val(),
      last_name: $('#last_name').val(),
      phone: $('#phone').val()
    }
    
    Ajax.request(
      __requrl + 'submit_obj',
      'req=' + Utils.encodeURI(JSON.stringify(req)),
      function(rslt) {
      },
      null
    );
  };
  /*]]>*/
</script>